<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动态改变文档内容</title>
    <link rel="stylesheet" href="style.css">
    <script>
        // 等待文档加载完成后执行
        document.addEventListener('DOMContentLoaded', function() {
            // 获取按钮和显示时间的div元素
            var changeTitleButton = document.getElementById('changeTitle');
            var currentTimeDiv = document.getElementById('currentTime');

            // 为按钮添加点击事件监听器
            changeTitleButton.addEventListener('click', function(){
                // 改变<h1>元素的内容
                    document.querySelector('h1').textContent = '欢迎来到我的网站';

                // 获取当前时间并显示在div中
                var currentTime = new Date().toLocaleString();
                currentTimeDiv.textContent = '当前时间：' + currentTime;
            });

            
        });
    </script>
</head>
<body>
    <h1>初始标题</h1>
    <button id="changeTitle">改变标题</button>
    <div id="currentTime"></div>
</body>
</html>
